<template>
	<view class="animated fadeIn faster">
		<view class="status-bar-height"></view>
		<view class="mine" @click="goPage">
			<view class="pt-6 pb-7 d-flex d-flex-middle">
				<image class="rounded" src="https://www.168802.xyz/mine/avatar04.png" mode="aspectFill" style="width: 120rpx;height: 120rpx;"></image>
				<view class="ml-2">
					<text class="font32 font-500" style="color: #2E2E2E;">填写商务信息，加入</text>
					<text class="font32 font-500 main-color">【万域商友会】</text>
				</view>
			</view>
			<view class="px-1-5 d-flex d-flex-between mb-5">
				<view class="d-flex d-flex-column d-flex-center d-flex-middle">
					<image class="mb-1" src="https://www.168802.xyz/mine/m-m-order.png" style="width: 48rpx;height: 48rpx;"></image>
					<text class="color222">我的信息</text>
				</view>
				<view class="d-flex d-flex-column d-flex-center d-flex-middle">
					<image class="mb-1" src="https://www.168802.xyz/mine/m-m-grade.png" style="width: 48rpx;height: 48rpx;"></image>
					<text class="color222">为你服务</text>
				</view>
				<view class="d-flex d-flex-column d-flex-center d-flex-middle">
					<image class="mb-1" src="https://www.168802.xyz/mine/m-m-encroll.png" style="width: 48rpx;height: 48rpx;"></image>
					<text class="color222">招商招聘</text>
				</view>
				<view class="d-flex d-flex-column d-flex-center d-flex-middle">
					<image class="mb-1" src="https://www.168802.xyz/mine/m-m-share.png" style="width: 48rpx;height: 48rpx;"></image>
					<text class="color222">分享邀请</text>
				</view>
			</view>
			<view>
				<image class="rounded10" src="https://www.168802.xyz/mine/m-banner.png" style="width: 680rpx;height: 226rpx;"></image>
			</view>
		</view>
		<view class="mine-line"></view>
		<view class="mine" @click="goPage">
			<view class="vip-enjoy d-flex d-flex-middle d-flex-between">
				<text class="font32 color000 font-600">会员专享</text>
				<view class="vip-enjoy-btn d-flex d-flex-middle d-flex-center">
					<text class="colorfff">开通会员</text>
				</view>
			</view>
			<view class="vip-fun p-4">
				<view class="d-flex d-flex-between mb-4">
					<view class="d-flex d-flex-column d-flex-center d-flex-middle">
						<image class="mb-1" src="https://www.168802.xyz/mine/m-friend.png" style="width: 56rpx;height: 56rpx;"></image>
						<text class="color222">万域商友</text>
					</view>
					<view class="d-flex d-flex-column d-flex-center d-flex-middle">
						<image class="mb-1" src="https://www.168802.xyz/mine/m-help.png" style="width: 56rpx;height: 56rpx;"></image>
						<text class="color222">赞助推广</text>
					</view>
					<view class="d-flex d-flex-column d-flex-center d-flex-middle">
						<image class="mb-1" src="https://www.168802.xyz/mine/m-yun.png" style="width: 56rpx;height: 56rpx;"></image>
						<text class="color222">云仓进销</text>
					</view>
				</view>
				<view class="d-flex d-flex-between">
					<view class="d-flex d-flex-column d-flex-center d-flex-middle">
						<image class="mb-1" src="https://www.168802.xyz/mine/m-store.png" style="width: 56rpx;height: 56rpx;"></image>
						<text class="color222">管理门店</text>
					</view>
					<view class="d-flex d-flex-column d-flex-center d-flex-middle">
						<image class="mb-1" src="https://www.168802.xyz/mine/m-order.png" style="width: 56rpx;height: 56rpx;"></image>
						<text class="color222">管理订单</text>
					</view>
					<view class="d-flex d-flex-column d-flex-center d-flex-middle">
						<image class="mb-1" src="https://www.168802.xyz/mine/m-batch.png" style="width: 56rpx;height: 56rpx;"></image>
						<text class="color222">批发市场</text>
					</view>
				</view>
			</view>
			<view class="d-flex d-flex-center d-flex-middle" style="color: #c8c8c8;" @click="goPage">
				<view class="d-flex d-flex-middle">
					<text class="iconfont icon-yongjin font32 mr"></text>
					<text class="font26">领取佣金</text>
				</view>
				<view style="height: 30rpx;border-left: 1px solid #c8c8c8;margin-left: 40rpx;margin-right: 40rpx;"></view>
				<view class="d-flex d-flex-middle">
					<text class="iconfont icon-zixun font32 mr"></text>
					<text class="font26">我要咨询</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			goPage(){
				uni.navigateTo({
					url:'/pages/business/business'
				})
			},
		}
	}
</script>

<style scoped>
.mine{
	padding-left: 35rpx;
	padding-right: 35rpx;
}
.mine-line{
	padding-top: 38rpx;
	border-bottom-color: rgba(151,151,151,.17);
	border-bottom-width: 2rpx;
	border-bottom-style: solid;
}
.vip-enjoy{
	padding-top:34rpx;
	padding-bottom: 40rpx;
}
.vip-enjoy-btn{
	width: 162rpx;
	height: 52rpx;
	background-color: #ff5816;
	border-radius: 26rpx;
}
.vip-fun{
	width:600rpx;
	background-color: rgba(250,247,247,.7);
	border-radius: 4rpx;
	margin-bottom: 38rpx;
}
</style>
